<template>
	<view class="information">
		<uni-nav-bar :fixed="true" status-bar :border="false" left-icon="left" title="奖项类型" @clickLeft="back" />
		<view class="home_zhong">
			<view class="scroll-view_H" :style="'background-image: url('+top_bg+')'">
				<view class="scroll-view-item_H" v-for="(tab, index) in items" :key="index"
					:class="navIndex == index ? 'activite' : ''" @click="checkIndex(index)" :id="'item-' + index">
					<!-- {{  }} -->
					<image :src="tab.icon" alt="" class="iconimg" />
					<view>{{ tab.name }}</view>
				</view>
			</view>
		</view>
		<view class="hdjp_box">
			<!--box1  活动说明 	<view class="hdbox1" v-if="navIndex == 0 adunit-fd4e9b20fb29be8c && huodong">-->
			<ad ad-type="video" style="width:400rpx;heiht:270rpx" unit-id="adunit-cffb55b2ad798f78" ad-interval="30"
				@load="onAdLoad" @error="onAdError" @close="onAdClose" @rewarded="onAdRewarded">
			</ad>
			<view class="hdbox1" v-if="navIndex == 0 && huodong">
				<view class="bt">活动奖品</view>
				<!-- 第一项 -->
				<view class="item1" v-for="(item, index) in huodong" :key="index">
					<view class="img1 flexcenter">
						<image :src="`${ym}${item.photo}`" />
					</view>
					<view class="item_textbox">
						<view class="c_000 text mb_5 mt_5">{{ item.level_name }}</view>
						<view class="c_000 text2 mb_5">{{ item.draw_name }}</view>
					</view>
				</view>
				<view class="item1" v-if="anwujiang.status == 1">
					<view class="img1 flexcenter">
						<image :src="`${ym}${anwujiang.photo}`" />
					</view>
					<view class="item_textbox">
						<view class="c_000 text mb_5 mt_5">{{ anwujiang.level_name }}</view>
						<view class="c_000 text2 mb_5">{{ anwujiang.draw_name }}</view>
					</view>
				</view>
				<view class="linestyle"></view>
				<!-- 中间部分 -->
				<view class="bt">活动时间</view>
				<view class="sjtext">
					{{ huodongjc.draw_startime }}~{{ huodongjc.draw_endtime }}
				</view>
				<view class="linestyle" style="display: none;"></view>
				<!-- <view class="bt">主办单位</view>
        <view class="sjtext">Xxx有限公司</view> -->
				<view class="bt" style="display: none;">技术支持</view>
				<view class="sjtext" style="display: none;">
					页面技术由<text style="color: #ff0000">锐行科技</text>提供，技术支持方仅提供页面技术， 不承担由活动产生的相关法律责任。
				</view>
				<view class="linestyle"></view>

				<view style="display: none;" class="bt">活动规则</view>
				<view style="display: none;" class="sjtext">
					<text v-if="huodonggj.is_task == 1">
						<text v-if="huodonggj.forward_num">每日每天转发1次可以获得{{
                huodonggj.forward_num
              }}次抽奖机会，任务上限为{{
                huodonggj.forward_limit_num
              }}次，</text>
						<text v-if="huodonggj.advert_num">每人每天浏览广告1次可获得{{
                huodonggj.advert_num
              }}次抽奖机会，任务上限为{{ huodonggj.advert_limit_num }}次</text>
					</text>
				</view>
				<view class="linestyle"></view>
				<view class="bt">活动说明</view>
				<view class="sjtext">
					<view class="f28" v-html="huodongjc.introduce"></view>
					<!-- {{huodongjc.introduce}} -->
				</view>
				<view class="linestyle"></view>
				<view class="flexend">
					<view></view>
				</view>
			</view>
			<!--box2  排行榜-->


			<!-- 兑奖码列表 -->
			<view class="phbbox2" @touchstart="touchStart" @touchend="touchEnd" v-if="navIndex == 2">
				<view class="db_box">
					<!-- 顶部标题 -->
					<view class="bt_box">
						<view class="item">活动编码</view>
						<view class="item">活动名称</view>
						<view class="item">兑奖码</view>
						<view class="item">获取时间</view>
					</view>
					<!-- 列表每一项 -->

					<view class="no_data" v-if="navIndex == 2 && list_code.length == 0">暂无数据</view>
					<view class="item_box" v-for="(item, index) in list_code" :key="index">
						<view class="item_box_item">{{ item.id }}</view>
						<view class="item_box_item">{{ item.task.name }}</view>
						<view class="item_box_item">{{ item.code }}</view>
						<view class="item_box_item" style="font-size: 12px">
							{{ item.create_time }}
						</view>
					</view>
				</view>
			</view>

			<!-- 我的奖品 -->
			<view class="box_myhx" v-if="navIndex == 1" @touchstart="touchStart" @touchend="touchEnd">

				<view class="no_data" v-if="navIndex == 1 && list_my.length == 0">暂无数据</view>
				<view class="hxjp_box" v-for="(item, index) in list_my" :key="index">
					<view class="myjpbox3" @click="whxfn1(item, index)">
						<view class="flexbetween mb_16">
							<view class="drawlevel fw">{{ item.level_name }}</view>
							<view class="hxstatus hxstatus2" v-if="item.status==0">未核销</view>
							<view class="hxstatus" v-else>已核销</view>
						</view>
						<view class="f28 c_696969 pb_20 borderb">{{ item.draw_name }} x1</view>
						<view class="pt_10" v-if="item.status==0">
							<text class="f28 c_696969">兑奖期限：</text>
							<text class="c_000 f28">
								{{ item.task_draw.startime }} 至 {{
                item.task_draw.endtime
                }}
							</text>
						</view>
						<view class="pt_10" v-else>
							<view class="flex pt_20 f28 flexitem">
								<view class="flextitle c_696969">活动：</view>
								<view class="flexcontent c_000">{{ item.task.name }}</view>
							</view>
							<view class="flex pt_20 f28 flexitem">
								<view class="flextitle c_696969">核销方式：</view>
								<view class="flexcontent c_000">{{ item.task_draw.draw_type_name }}</view>
							</view>
							<view class="flex pt_20 f28 flexitem">
								<view class="flextitle c_696969">核销时间：</view>
								<view class="flexcontent c_000">
									<text v-if="item.last_time">
										<text v-if="item.address_time">{{
                        new Date(item.last_time).getTime() >
                        new Date(item.address_time).getTime()
                          ? item.last_time
                          : item.address_time
                      }}</text>
										<text v-else>{{ item.last_time || "-" }}</text>
									</text>
									<text v-else-if="item.address_time">{{
                      item.address_time || "-"
                    }}</text>
									<text v-else>-</text>
								</view>
							</view>
							<view class="flex pt_20 f28 pb_20 flexitem borderb">
								<view class="flextitle c_696969">核销备注：</view>
								<view class="flexcontent c_000" v-if="item.more">{{ item.more.beizhu || "无" }}</view>
								<view class="flexcontent c_000" v-else>无</view>
							</view>
							<view class="flex pt_20 f28 flexitem">
								<view class="flextitle c_696969">收货地址：</view>
								<view class="flexcontent c_000" v-if="item.more"> {{ item.more.name }}
									{{ item.more.phone }}
								</view>
								<view class="flexcontent c_000" v-else>-</view>
							</view>
							<view class="flex pt_20 f28 flexitem">
								<view class="flextitle c_696969"></view>
								<view class="flexcontent c_000" v-if="item.more">
									{{ item.more.province }}{{ item.more.city }}{{ item.more.area }}{{ item.more.address }}
								</view>
								<view class="flexcontent c_000" v-else>-</view>
							</view>
						</view>

					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	// import {
	// 	myDraw,
	// 	drawCodeList,
	// 	csmyDraw,
	// 	csdrawCodeList
	// } from "../api/lcreuse";
	export default {
		data() {
			return {
				top_bg: `${uni.$http.baseUrl}/upload/we/common/topbg.png`,
				items: [{
						icon: `${uni.$http.baseUrl}/upload/we/common/intruduce.png`,
						name: "活动说明",
					},
					{
						icon: `${uni.$http.baseUrl}/upload/we/common/list.png`,
						name: "我的奖品",
					},
					{
						icon: `${uni.$http.baseUrl}/upload/we/common/reword.png`,
						name: "兑奖码列表",
					},
				],
				// items: ["活动说明", "我的奖品","兑奖码列表", "返回"],
				navIndex: 0,
				list: [],
				huodong: null, //活动等级
				huodongjc: null, //活动基础设置
				huodonggj: null, //活动高级设置
				anwujiang: null, //安慰奖
				ym: uni.$http.baseUrl + "/",
				list_my: [],
				list_code: [],
				page: 1,
				num: 20,
				type: null,
				create_time: null,
				id: null,
				status: null,
			};
		},
		onLoad(query) {
			if (query) {
				this.navIndex = query.index;
			}


		},
		beforeCreate() {},
		created() {
			// if (this.$route.query.index) {
			// 	this.navIndex = this.$route.query.index;
			// }
			this.datainfofn();
		},
		mounted() {},
		methods: {
			onAdError() {},
			onAdRewarded() {
				uni.showToast({
					icon: "success",
					title: "test"
				})
			},
			onAdClose() {

			},
			// 活动信息
			back() {
				uni.navigateBack()
			},
			datainfofn() {
				//let res = JSON.parse(sessionStorage.getItem("taskInfo"));
				//this.id = JSON.parse(sessionStorage.getItem("taskInfo")).task.id;
				let res = JSON.parse(uni.getStorageSync('taskInfo', 'session'));
				this.id = res.task.id;
				this.anwujiang = res.comfort;
				this.huodonggj = res.config;
				this.huodong = res.draw;
				this.huodongjc = res.task;

				console.log(res, "活动信息");
				this.status = res.task.status;


				uni.setStorageSync('information', 0);
				// if(localStorage.getItem("istest")==1)return
				if (this.status == 0) {
					this.csmyDrawfn();
					this.csdrawCodeListfn();
				} else {
					this.myDrawfn();
					this.drawCodeListfn();
				}
			},
			// 我的奖品已发布
			async myDrawfn() {
				let task = JSON.parse(uni.getStorageSync('taskInfo', 'session')).task;
				// let res = await myDraw({
				// 	id: task.id,
				// 	page: this.page,
				// 	num: this.num
				// });
				var res = await uni.$http.post('/wxuser/index/myDraw', {
					id: task.id,
					page: this.page,
					num: this.num
				})
				res = res.data;
				this.list_my = res.data.list;
				console.log(this.list_my, "我的奖品");
			},
			// 我的奖品未发布
			async csmyDrawfn() {
				let task = JSON.parse(uni.getStorageSync('taskInfo', 'session')).task;
				// let res = await csmyDraw({
				// 	id: task.id,
				// 	page: this.page,
				// 	num: this.num
				// });
				var res = await uni.$http.post('/wxuser/public/myDraw', {
					id: task.id,
					page: this.page,
					num: this.num
				})
				res = res.data;
				this.list_my = res.data.list;
				console.log(this.list_my, "我的奖品");
			},
			// 已发布中奖码列表
			async drawCodeListfn() {
				let id = JSON.parse(uni.getStorageSync('taskInfo', 'session')).task.id;
				// let res = await drawCodeList({
				// 	id: id,
				// 	page: this.page,
				// 	num: this.num
				// });
				var res = await uni.$http.post('/wxuser/index/drawCodeList', {
					id: id,
					page: this.page,
					num: this.num
				});
				res = res.data;
				console.log(res.data.list, "中奖码列表");
				this.list_code = res.data.list;
				this.list_code.forEach((item, index) => {
					item.create_time = this.convertDateFormat(item.create_time);
				});
			},
			// 未发布中奖码列表
			async csdrawCodeListfn() {
				let id = JSON.parse(uni.getStorageSync('taskInfo', 'session')).task.id;
				// let res = await csdrawCodeList({
				// 	id: id,
				// 	page: this.page,
				// 	num: this.num,
				// });
				var res = await uni.$http.post('/wxuser/public/drawCodeList', {
					id: id,
					page: this.page,
					num: this.num
				});
				res = res.data
				console.log(res.data.list, "中奖码列表");
				this.list_code = res.data.list;
				this.list_code.forEach((item, index) => {
					item.create_time = this.convertDateFormat(item.create_time);
				});
			},
			// 日期过滤
			convertDateFormat(originalDate) {
				var date = new Date(originalDate);
				return date.toISOString().split("T")[0];
			},
			whxfn1(item, index) {
				if (item.status !== 0) return
				var url = "/pagesPrize/aboutPrize/cashaprize?id=" +
					this.id +
					"&index=" +
					index +
					"&obj=" +
					JSON.stringify(item);
				uni.navigateTo({
					url
				})

				// this.$router.push(
				// 	"/cashaprize?id=" +
				// 	this.id +
				// 	"&index=" +
				// 	encodeURIComponent(index) +
				// 	"&obj=" +
				// 	encodeURIComponent(JSON.stringify(item))
				// );
			},

			// 顶部菜单
			checkIndex(index) {
				console.log(index)
				this.navIndex = index;
				let id = JSON.parse(uni.getStorageSync('taskInfo', 'session')).task.id;
				if (this.navIndex == 3) {
					this.$router.push("/index?id=" + id);
				}
				if (this.navIndex == 1) {
					if (this.status == 0) {
						this.csmyDrawfn();
					} else {
						this.myDrawfn();
					}
				}
				if (this.navIndex == 2) {
					if (this.status == 0) {
						this.csdrawCodeListfn();
					} else {
						this.drawCodeListfn();
					}
				}
			},
			// 上拉加载  上拉刷新
			touchStart(event) {
				this.startY = event.touches[0].clientY;
			},
			touchEnd(event) {
				this.endY = event.changedTouches[0].clientY;
				this.detectSwipe();
			},
			// 上拉加载调用函数
			detectSwipe() {
				const threshold = 0; // 可以根据需要调整阈值，以更好地识别滑动
				if (this.startY - this.endY > threshold) {
					this.num = this.num + 20;
					if (this.navIndex == 1) {
						if (this.status == 0) {
							this.csmyDrawfn();
						} else {
							this.myDrawfn();
						}
					}
					if (this.navIndex == 2) {
						if (this.status == 0) {
							this.csdrawCodeListfn();
						} else {
							this.drawCodeListfn();
						}
					}
				}
			},
		},
	};
</script>



<style lang="scss">
	.information {
		height: 100vh;
		position: relative;
		padding: 13rpx 26rpx 0;
		padding-top: 0;
		background: #fff;

		.no_data {
			text-align: center;
		}

		.hdjp_box {
			padding-top: 200rpx;
			padding-bottom: 10rpx;

			.box_myhx {
				// background-color: #F4F8FD;
				background: #ffffff;
				// box-shadow: 0px 6px 20px 2px rgba(0, 0, 0, 0.16);
				min-height: calc(100vh - 200px);
				;

				// padding-bottom: 100rpx;
				.van-empty {
					background-color: #F4F8FD;
					margin-top: 20rpx;
					border-radius: 12rpx;
				}
			}

			.hxjp_box {
				margin-top: 20rpx;
			}

			.myjpbox3 {
				margin-top: 20rpx;
				background-color: #F4F8FD;
				border-radius: 12rpx;
				padding: 20rpx;

				.drawlevel {
					font-size: 28rpx;
				}

				.hxstatus {
					font-size: 26rpx;
					border-radius: 40rpx;
					background-color: #F2F2F2;
					border: 1px solid #868686;
					color: #868686;
					padding: 4px 26rpx;
				}

				.hxstatus2 {
					border-color: #B90000;
					color: #B90000;
					background-color: #FDEDED;
				}

				.borderb {
					border-bottom: 1px dashed #707070;
					padding-bottom: 10rpx;
					margin-bottom: 10rpx;
				}

				// .item_whx_box {
				//   margin-top: 40rpx;
				//   padding: 20rpx;
				//   .xia {
				//     display: flex;
				//     justify-content: center;
				//     padding: 25px 0;
				//     font-size: 28rpx;
				//     font-family: PingFang SC-Medium, PingFang SC;
				//     font-weight: 500;
				//     color: #76b9fe;
				//     .dj_text {
				//       margin-right: 6rpx;
				//     }
				//   }
				//   .shang {
				//     // padding: 30px 0;
				//     // padding-left: 40rpx;
				//     // padding-right: 15rpx;
				//     position: relative;
				//     border-bottom: 2px solid #bbbbbb;
				//     min-height: 120rpx;
				//     .yhx_img {
				//       position: absolute;
				//       width: 50rpx;
				//       height: 50rpx;
				//       right: 20rpx;
				//       top: 50%;
				//     }
				//     .zuo {
				//       width: 100%;
				//       .name {
				//         font-size: 28rpx;
				//         font-weight: 500;
				//         color: #000;
				//         margin-bottom: 20rpx;
				//       }
				//       .jpname {
				//         font-size: 28rpx;
				//         font-weight: 500;
				//         color: #888888;
				//         margin: 10px 0;
				//       }
				//       .shuzi {
				//         font-size: 28rpx;
				//         font-family: PingFang SC-Medium, PingFang SC;
				//         font-weight: 500;
				//         color: #888888;
				//       }
				//     }
				//     .you_but {
				//       position: absolute;
				//       padding: 10px 30rpx;
				//       top: 20rpx;
				//       right: 20rpx;
				//       font-size: 28rpx;
				//       font-family: PingFang SC-Medium, PingFang SC;
				//       font-weight: 500;
				//       color: #ffffff;
				//       background-color: #f19735;
				//       border-radius: 40rpx;
				//     }
				//   }
				// }

				// .item_yhx_box {
				//   background: #ffffff;
				//   box-shadow: 0px 6px 20px 2px rgba(0, 0, 0, 0.16);
				//   .xia {
				//     padding: 30px 0;
				//     padding-left: 40rpx;
				//     padding-right: 15rpx;
				//     display: flex;
				//     .zuo {
				//       width: 40%;
				//       font-size: 28rpx;
				//       font-family: PingFang SC-Medium, PingFang SC;
				//       font-weight: 500;
				//       color: #333333;
				//     }
				//     .you {
				//       width: 60%;
				//       font-size: 28rpx;
				//       font-family: PingFang SC-Medium, PingFang SC;
				//       font-weight: 500;
				//       color: #888888;
				//       .text1 {
				//         margin-bottom: 6rpx;
				//         .text1 {
				//           margin-right: 10rpx;
				//         }
				//       }
				//     }
				//   }

				//   .zhong {
				//     padding: 30px 0;
				//     padding-left: 40rpx;
				//     padding-right: 15rpx;
				//     position: relative;
				//     border-bottom: 2px solid #bbbbbb;
				//     display: flex;
				//     .zuo {
				//       width: 40%;
				//       font-size: 28rpx;
				//       font-family: PingFang SC-Medium, PingFang SC;
				//       font-weight: 500;
				//       color: #333333;
				//       .text {
				//         padding: 15px 0;
				//       }
				//     }
				//     .you {
				//       width: 60%;
				//       font-size: 28rpx;
				//       font-family: PingFang SC-Medium, PingFang SC;
				//       font-weight: 500;
				//       color: #888888;
				//       .text {
				//         padding: 15px 0;
				//         .text1 {
				//           margin-right: 10rpx;
				//         }
				//       }
				//     }
				//   }

				//   .shang {
				//     padding: 30px 0;
				//     padding-left: 40rpx;
				//     padding-right: 15rpx;
				//     position: relative;
				//     border-bottom: 2px solid #bbbbbb;
				//     .zuo {
				//       width: 100%;
				//       .name {
				//         font-size: 28rpx;
				//         font-family: PingFang SC-Medium, PingFang SC;
				//         font-weight: 500;
				//         color: #333333;
				//       }
				//       .jpname {
				//         font-size: 28rpx;
				//         font-family: PingFang SC-Medium, PingFang SC;
				//         font-weight: 500;
				//         color: #888888;
				//         margin: 10px 0;
				//       }
				//       .shuzi {
				//         font-size: 28rpx;
				//         font-family: PingFang SC-Medium, PingFang SC;
				//         font-weight: 500;
				//         color: #888888;
				//       }
				//     }
				//     .you_but {
				//       position: absolute;
				//       padding: 10px 30rpx;
				//       top: 20rpx;
				//       right: 20rpx;
				//       font-size: 28rpx;
				//       font-family: PingFang SC-Medium, PingFang SC;
				//       font-weight: 500;
				//       color: #ffffff;
				//       background-color: #007cff;
				//       border-radius: 40rpx;
				//     }
				//   }
				// }
			}

			.phbbox2 {
				background: #ffffff;
				// box-shadow: 0px 6px 20px 2px rgba(0, 0, 0, 0.16);
				min-height: calc(100vh - 90px);
				width: 100%;
				margin-top: 26rpx;

				.db_box {
					padding-bottom: 30rpx;
					background-color: #F4F8FD;
					border-radius: 8rpx;

					.bt_box {
						display: flex;
						width: 100%;
						font-size: 28rpx;
						color: #000;
						border-bottom: 1px solid #707070;
						padding: 20rpx 0;

						.item {
							flex: 1;
							font-weight: 500;
							text-align: center;
						}
					}

					.item_box {
						padding: 10rpx 20rpx;
						display: flex;
						position: relative;
						padding: 25rpx 0;
						border-bottom: 1px solid #C6C6C6;

						.item_box_item {
							flex: 1;
							text-align: center;
							font-size: 28rpx;
							font-weight: 400;
							color: #333333;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}
					}
				}

				.tou_box {
					display: flex;
					padding-top: 20rpx;

					.item1 {
						flex: 1;
						padding-top: 20rpx;

						.jf {
							font-size: 40rpx;
							font-family: PingFang SC-Medium, PingFang SC;
							font-weight: 500;
							color: #333333;
							text-align: center;
							margin-top: 20rpx;
						}

						.text_name {
							font-size: 28rpx;
							font-family: PingFang SC-Semibold, PingFang SC;
							font-weight: 600;
							color: #333333;
							display: flex;

							.name_zuo {
								margin-left: 5rpx;
								width: 40%;
								text-align: right;
								margin-right: 8rpx;
							}

							.name {
								width: 60%;
							}
						}

						.tou_img1 {
							width: 145rpx;
							height: 145rpx;
							border: 4px solid #375ccd;
							border-radius: 50%;
							margin: 0 auto;
							margin-bottom: 50rpx;
							position: relative;

							.tou_img_z {
								width: 52rpx;
								height: 60rpx;
								position: absolute;
								bottom: -45rpx;
								left: 50%;
								transform: translateX(-50%);
							}
						}
					}

					.item2 {
						flex: 1;

						.jf {
							font-size: 40rpx;
							font-family: PingFang SC-Medium, PingFang SC;
							font-weight: 500;
							color: #333333;
							text-align: center;
							margin-top: 20rpx;
						}

						.text_name {
							font-size: 26rpx;
							font-family: PingFang SC-Semibold, PingFang SC;
							font-weight: 600;
							color: #333333;
							display: flex;

							.name_zuo {
								margin-left: 5rpx;
								width: 40%;
								text-align: right;
								margin-right: 8rpx;
							}

							.name {
								width: 60%;
							}
						}

						.tou_img1 {
							width: 165rpx;
							height: 165rpx;
							border: 4px solid #375ccd;
							border-radius: 50%;
							margin: 0 auto;
							margin-bottom: 50rpx;
							position: relative;

							.tou_img_z {
								width: 52rpx;
								height: 60rpx;
								position: absolute;
								bottom: -45rpx;
								left: 50%;
								transform: translateX(-50%);
							}
						}
					}

					.item3 {
						flex: 1;
						padding-top: 20rpx;

						.jf {
							font-size: 40rpx;
							font-family: PingFang SC-Medium, PingFang SC;
							font-weight: 500;
							color: #333333;
							text-align: center;
							margin-top: 20rpx;
						}

						.text_name {
							font-size: 26rpx;
							font-family: PingFang SC-Semibold, PingFang SC;
							font-weight: 600;
							color: #333333;
							display: flex;

							.name_zuo {
								margin-left: 5rpx;
								width: 40%;
								text-align: right;
								margin-right: 8rpx;
							}

							.name {
								width: 60%;
							}
						}

						.tou_img1 {
							width: 145rpx;
							height: 145rpx;
							border: 4px solid #375ccd;
							border-radius: 50%;
							margin: 0 auto;
							margin-bottom: 50rpx;
							position: relative;

							.tou_img_z {
								width: 52rpx;
								height: 60rpx;
								position: absolute;
								bottom: -45rpx;
								left: 50%;
								transform: translateX(-50%);
							}
						}
					}
				}
			}

			.hdbox1 {
				background: #f4f8fd;
				margin-top: 32rpx;
				border-radius: 16rpx;
				margin-bottom: 20rpx;

				.dbtext {
					padding: 15px 30rpx;
					font-size: 28rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 500;
					color: #888888;
				}

				.sjtext {
					font-size: 28rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 500;
					color: #888888;
					padding: 15px 30rpx;
					padding-top: 0;
					margin-bottom: 10rpx;
				}

				.item1 {
					display: flex;
					margin-top: 10rpx;

					.img1 {
						font-size: 28rpx;
						margin: 0 30rpx;
						background-color: #fff;
						width: 132rpx;
						height: 132rpx;
						border-radius: 10rpx;

						image {
							width: 86%;
							height: 86%;
						}
					}

					.item_textbox {
						width: 70%;
						height: 120rpx;

						.text {
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
							font-size: 28rpx;
						}

						.text2 {
							word-break: break-all;
							text-overflow: ellipsis;
							display: -webkit-box;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 2;
							/* 超出几行省略 */
							overflow: hidden;
							font-size: 28rpx;
						}
					}
				}

				.bt {
					font-size: 29rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 600;
					color: #000;
					padding: 20rpx 30rpx 30rpx 10rpx;
				}
			}
		}

		.home_zhong {
			// width: 100%;
			width: calc(100% - 50rpx);
			height: 200rpx;
			position: fixed;
			z-index: 999;
			padding-top: 10rrpx;
			background-color: #ffffff !important;

			// 顶部菜单高亮
			.activite {
				color: #000;
				font-size: 30rpx;
				font-weight: bold;
				// border-bottom: 6rpx solid #76B9FE;
			}

			// 滑动大盒子
			.scroll-view_H {
				white-space: nowrap;
				color: #999999;
				font-size: 30rpx;
				display: flex;
				//background: url("~@/assets/topbg.png") 100% 100% no-repeat;
				background-size: cover;
				border-radius: 16rpx;
				overflow: hidden;
			}

			// 顶部菜单每一项
			.scroll-view-item_H {
				display: inline-block;
				flex: 1;
				line-height: 50rpx;
				text-align: center;
				padding: 20rpx 0;
				padding-bottom: 12rpx;

				.iconimg {
					width: 82rpx;
					height: 82rpx;
				}
			}
		}
	}
</style>
<style lang="scss" scope>
	.linestyle {
		// height: ;
		height: 1rpx;
		border-bottom: 1px dashed #ddd;
		margin: 36rpx 0 20rpx;
	}

	.flexitem {
		.flextitle {
			width: 146rpx;
		}

		.flexcontent {
			width: calc(100% - 146rpx);
			// white-space: normal
			word-wrap: break-word
		}
	}
</style>